﻿@extends('home.layout')
@section('content')
     <div id="main_head_box">
         <div id="menu_wrap">
             <div id="menu_logo">
                 <img src="{{ asset('/homes/./Images/logo.png') }}">
             </div>
             <div id="menu_nav">
                 <ul>
                     <li class="menu_li" control="xiaomiphone">大米手机</li>
                     <li class="menu_li" control="hongmiphone">红米</li>
                     <li class="menu_li" control="pingban">平板</li>
                     <li class="menu_li" control="tv">电视&nbsp;&nbsp;盒子</li>
                     <li class="menu_li" control="luyou">路由器</li>
                     <li class="menu_li" control="yingjian">智能硬件</li>
                     <li><a>服务</a></li>
                     <li><a>社区</a></li>
                 </ul>
             </div>
             <div id="find_wrap">
                 <div id="find_bar">
                     <input type="text" id="find_input">
                 </div>
                 <div id="find_but">GO</div>
             </div>
         </div>
     </div>
     <div id="menu_content_bg" style="height: 0px;">
         <div id="menu_content_wrap">
             <ul style="top: 0px;">
                 <li id="xiaomiphone">
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/mi4!160x110.jpg') }}">
                         <p class="menu_content_tit">大米手机4</p>
                         <p class="menu_content_price">1499元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/minote!160x110.jpg') }}">
                         <p class="menu_content_tit">大米NOTE标准版</p>
                         <p class="menu_content_price">1999元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/minotepro!160x110.jpg') }}">
                         <p class="menu_content_tit">大米NOTE顶配版</p>
                         <p class="menu_content_price">2999元起</p>
                     </div>
                 </li>
                 <li id="hongmiphone">
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/hongmi2a!160x110.jpg') }}">
                         <p class="menu_content_tit">红米手机2A</p>
                         <p class="menu_content_price">499元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/hongmi2!160x110.jpg') }}">
                         <p class="menu_content_tit">红米手机2</p>
                         <p class="menu_content_price">599元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/note!160x110.jpg') }}">
                         <p class="menu_content_tit">红米NOTE</p>
                         <p class="menu_content_price">699元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/note2!160x110.jpg') }}">
                         <p class="menu_content_tit">红米NOTE2</p>
                         <p class="menu_content_price">799元</p>
                     </div>
                 </li>
                 <li id="pingban">
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/mipad16!160x110.jpg') }}">
                         <p class="menu_content_tit">大米平板16G</p>
                         <p class="menu_content_price">1299元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/mipad64!160x110.jpg') }}">
                         <p class="menu_content_tit">大米平板64G</p>
                         <p class="menu_content_price">1499元起</p>
                     </div>
                 </li>
                 <li id="tv">
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/mitv40!160x110.jpg') }}">
                         <p class="menu_content_tit">大米电视2&nbsp;40英寸</p>
                         <p class="menu_content_price">1999元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/mitv48!160x110.jpg') }}">
                         <p class="menu_content_tit">大米电视2S&nbsp;48英寸</p>
                         <p class="menu_content_price">2999元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/mitv49!160x110.jpg') }}">
                         <p class="menu_content_tit">大米电视2&nbsp;49英寸</p>
                         <p class="menu_content_price">3399元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/mitv55!160x110.jpg') }}">
                         <p class="menu_content_tit">大米电视2&nbsp;55英寸</p>
                         <p class="menu_content_price">4499元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/hezimini!160x110.jpg') }}">
                         <p class="menu_content_tit">大米盒子MINI版</p>
                         <p class="menu_content_price">199元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/hezis!160x110.jpg') }}">
                         <p class="menu_content_tit">大米盒子增强版</p>
                         <p class="menu_content_price">299元</p>
                     </div>
                 </li>
                 <li id="luyou">
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/miwifi!160x110.jpg') }}">
                         <p class="menu_content_tit">全新大米路由器</p>
                         <p class="menu_content_price">699元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/miwifimini!160x110.jpg') }}">
                         <p class="menu_content_tit">大米路由器&nbsp;MINI</p>
                         <p class="menu_content_price">129元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/miwifilite!160x110.jpg') }}">
                         <p class="menu_content_tit">大米路由器&nbsp;青春版</p>
                         <p class="menu_content_price">79元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/wifiextension!160x110.jpg') }}">
                         <p class="menu_content_tit">大米WIFI放大器</p>
                         <p class="menu_content_price">39元</p>
                     </div>
                 </li>
                 <li id="yingjian">
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/scale!160x110.jpg') }}">
                         <p class="menu_content_tit">体重称</p>
                         <p class="menu_content_price">99元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/xiaoyi!160x110.jpg') }}">
                         <p class="menu_content_tit">摄像头</p>
                         <p class="menu_content_price">129元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/yicamera!160x110.jpg') }}">
                         <p class="menu_content_tit">运动相机</p>
                         <p class="menu_content_price">399元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/ihealth!160x110.jpg') }}">
                         <p class="menu_content_tit">血压计</p>
                         <p class="menu_content_price">199元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/chazuo!160x110.jpg') }}">
                         <p class="menu_content_tit">智能插座</p>
                         <p class="menu_content_price">59元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="{{ asset('/homes/Picture/smart!160x110.jpg') }}">
                         <p class="menu_content_tit">查看全部
                             <br>智能硬件</p>
                     </div>
                 </li>
             </ul>
         </div>
     </div>
     <div id="big_banner_wrap">
         <ul id="banner_menu_wrap">
            @foreach($res as $v)
                 <li class="active"img>
                     <a>{{ $v -> type_name }}</a>
                     <a class="banner_menu_i">&gt;</a>
                     <div class="banner_menu_content" style="width: 600px; top: -20px;">
                         <ul class="banner_menu_content_ul">
                            @foreach($row as $k) 
                                @if($v -> type_id == $k -> type_id)
                                    <li>
                                        <a href="./details.html"><img src="/uploads/yhtx/{{$k -> pic}}" width="30"></a>
                                        <a href="./details.html">{{ $k -> name }}</a>
                                        <a href="./details.html"><span>选购</span></a>
                                    </li>
                                @endif
                            @endforeach
                         </ul>
                     </div>
                 </li>
            @endforeach
         </ul>
         <div id="big_banner_pic_wrap">
             <ul id="big_banner_pic">
                 <li><img src="{{ asset('/homes/Picture/t1hidvbvvv1rxrhcrk.jpg') }}"></li>
                 <li><img src="{{ asset('/homes/Picture/t1jrxjb_vt1rxrhcrk.jpg') }}"></li>
                 <li><img src="{{ asset('/homes/Picture/t1otjjbkkt1rxrhcrk.jpg') }}"></li>
                 <li><img src="{{ asset('/homes/Picture/t1ricjb7dt1rxrhcrk.jpg') }}"></li>
                 <li><img src="{{ asset('/homes/Picture/t1vwdtbkdv1rxrhcrk.jpg') }}"></li>
             </ul>
         </div>
         <div id="big_banner_change_wrap">
             <div id="big_banner_change_prev"> &lt;</div>
             <div id="big_banner_change_next">&gt;</div>
         </div>
     </div>
     <div id="head_other_wrap">
         <div id="head_other">
             <ul>
                 <li>
                     <div id="div1">
                         <p>START</p>
                         <p>开房购买</p>
                     </div>
                 </li>
                 <li>
                     <div id="div2">
                         <p>GROUND</p>
                         <p>企业团购</p>
                     </div>
                 </li>
                 <li>
                     <div id="div3">
                         <p>RETROFIT</p>
                         <p>官方产品</p>
                     </div>
                 </li>
                 <li>
                     <div id="div4">
                         <p>CHANNEL</p>
                         <p>F码通道</p>
                     </div>
                 </li>
                 <li>
                     <div id="div5">
                         <p>RECHARGE</p>
                         <p>话费充值</p>
                     </div>
                 </li>
                 <li>
                     <div id="div6">
                         <p>SECURITY</p>
                         <p>防伪检查</p>
                     </div>
                 </li>
             </ul>
         </div>
         <div class="head_other_ad"><img src="{{ asset('/homes/Picture/t184e_bqwt1rxrhcrk.jpg') }}"></div>
         <div class="head_other_ad"><img src="{{ asset('/homes/Picture/t1yvd_bqdt1rxrhcrk.jpg') }}"></div>
         <div class="head_other_ad"><img src="{{ asset('/homes/Picture/t1mahqbmkt1rxrhcrk.jpg') }}"></div>
    </div>
     <div id="head_hot_goods_wrap">
         <div id="head_hot_goods_title">
             <span class="title_span">大米明星单品</span>
             <div id="head_hot_goods_change">
                 <span id="head_hot_goods_prave"><</span>
                 <span id="head_hot_goods_next">></span>
             </div>
         </div>
         <div id="head_hot_goods_content">
             <ul>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t1rikjb7vt1rxrhcrk.jpg') }}"></a>
                     <a>大米电视2/2S 全系列</a>
                     <a>40/48/49/55英寸 现货购买</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t19abjbcdt1rxrhcrk.jpg') }}"></a>
                     <a>大米平板</a>
                     <a>全球首款 NVIDIA Tegra K1 平板</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t1mezjbcat1rxrhcrk.jpg') }}"></a>
                     <a>大米盒子增强版 1G</a>
                     <a>首款4K超高清网络机顶盒</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t1tsegb7dt1rxrhcrk.jpg') }}"></a>
                     <a>全新大米路由器</a>
                     <a>顶配路由器，企业级性能</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t10tjjb5ht1rxrhcrk.jpg') }}"></a>
                     <a>大米头戴式耳机</a>
                     <a>媲美主流千元级头戴耳机</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t1hlhjb_at1rxrhcrk.jpg') }}"></a>
                     <a>大米插线板</a>
                     <a>3重安全保护，插线板中的艺术品</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t1kdajbcat1rxrhcrk.jpg') }}"></a>
                     <a>大米路由器mini</a>
                     <a>主流双频AC智能路由器</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t16eejbkht1rxrhcrk.jpg') }}"></a>
                     <a>大米移动电源10000mAh</a>
                     <a>高密度进口电芯，仅名片大小</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t1jnwjbcct1rxrhcrk.jpg') }}"></a>
                     <a>大米蓝牙耳机</a>
                     <a>2015德国IF大奖，高清通话音质</a>
                 </li>
                 <li>
                     <a><img src="{{ asset('/homes/Picture/t1bsbjbvlt1rxrhcrk.jpg') }}"></a>
                     <a>大米活塞耳机</a>
                     <a>2015红点奖，独家音质优化专利</a>
                 </li>
             </ul>
         </div>
     </div>
     <div id="main_show_box">
         <div id="floor_1">
              <div id="floor_head">
                  <span class="title_span">智能硬件</span>
              </div>
         </div>
         <div class="floor_goods_wrap">
             <ul>
                 <li class="floor_goods_wrap_li">
                     <a href="./details.html"><img src="{{ asset('/homes/Picture/t1ihljbc_t1rxrhcrk.jpg') }}"></a>
                 </li>
                 @foreach($row as $a)
                 <li class="floor_goods_wrap_li">
                     <a href="./details.html" class="floor_goods_img"><img src="/uploads/yhtx/{{$a -> pic}}" width="120"></a>
                     <a href="./details.html" class="floor_goods_tit">{{ $a -> name }}</a>
                     <a href="./details.html" class="floor_goods_txt">{{ $a -> details }}</a>
                     <a href="./details.html" class="floor_goods_price">{{ $a -> price }}</a>
                 </li>
                 @endforeach
                 <div style="clear:both;"></div>
             </ul>
         </div>
     </div>
     
@endsection